<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <style>
        body {
            height: 100%;
            width: 100%;
            background-color: #9c9890;
            background-size: cover;
            background-repeat: no-repeat;
        }

        .title1 {
            font-size: 36px;
            font-weight: bolder;
            color: #354446;
            border-bottom: 2px double #a8a7a2;
            margin: 25px;
            border-bottom-width: 10px;
            font-family: alike-angular;
        }

        .text1 {
            background-color: #a8a7a2;
            /*border-color: #366064;
            border-width: 4px;
            border-style: dashed;
            border-style: double;
            border-width: 4px;*/
            color: #3a4849;
            font-size: 16px;
            margin: 25px;
        }

        .image {
            /*border-color: #366064;
            border-width: 3px;
            border-style: dashed;*/
            margin-left: 20%;
            margin-right: 20%;
        }

        .image1 {
            /*border-color: #366064;
            border-width: 3px;
            border-style: dashed;*/
            margin-left: 18%;
            margin-right: 18%;
        }

        .text {
            background-color: #a8a7a2;
            /*border-color: #366064;
            border-width: 4px;
            border-style: dashed;
            border-style: double;
            border-width: 4px;*/
            color: #3a4849;
            font-size: 14px;
            margin-left: 200px;
            margin-right: 200px;
        }

        a {
            text-decoration: none;
            font-size: 16px;
            font-weight: bolder;
            color: #708e91;
        }

        p {
            margin: 10px;
        }
    </style>
    <title>phyle</title>
</head>

<body>
    <div class="title1">种族与领土历史</div>
    <a href="http://elcfin.gitee.io/webworkwork">
        <div class="text1">返回主页面</div>
    </a>

    <div class="text">
        <p>
            <span style="color: #192020;font-weight: bold;font-size:16px;">领土历史<br></span>
        </p>
    </div>
    <div class="image">
        <img src="../Image/map.jpg" width="100%" alt="" />
    </div>
    <div class="text">
        <p>
            <span style="color: #192020;font-weight: bold;font-size:16px;">第一纪元<br></span>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;"> 矮人领地<br></span>
        <ul>
            <li>凯萨督姆（Khazad Dûm）</li>
            <li>贝磊勾斯特（Belegost）</li>
            <li>诺格罗德（Nogrod）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;"> 敌人领地<br></span>
        <ul>
            <li>戴德洛斯（Dor Daedeloth）</li>
            <li>安格班（Angband）</li>
            <li>乌顿（Udûn）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">精灵领地诺多领地<br></span>
        <ul>
            <li>米斯林（Hithlum）</li>
            <li>多尔露明（Dor-lómin）</li>
            <li>内瓦拉斯特（Nevrast）</li>
            <li>纳国斯隆德（Nargothrond）</li>
            <li>多索尼安（Dorthonion）</li>
            <li>西瑞安岛（Tol Sirion）</li>
            <li>刚多林（Gondolin）</li>
            <li>梅斯罗斯防界（March of Maedhros）</li>
            <li>东贝尔兰（East Beleriand）</li>
            <li>海姆拉德（Himlad）</li>
            <li>萨吉理安（Thargelion）</li>
            <li>梅格洛尔低谷（Maglor's Gap）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;"> <br>灰精灵领地</span>
        <ul>
            <li>法拉斯（Falas）</li>
            <li>Eglador，即后来的多瑞亚斯（Doriath）</li>
            <li>阿瓦利及南多精灵领地</li>
            <li>罗斯洛立安（Lothlórien）</li>
            <li>欧西瑞安（Ossiriand）</li>
            <li>多温尼安（Dorwinion）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">人类领地<br></span>
        <ul>
            <li>伊斯托拉德（Estolad）</li>
            <li>多尔露明（Dor-lómin），第一纪元400年开始有人类居住</li>
            <li>贝西尔（Brethil）</li>
            <li>拉德罗斯（Ladros）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">树人领地<br></span>
        <ul>
            <li>伊利雅德（Eriador）森林</li>
            <li>范贡森林（Fangorn forest）</li>
            <li>南贝尔兰森林（Forests of South Beleriand）</li>
        </ul>
        </p>
    </div>
    <div class="text">
        <p>
            <span style="color: #192020;font-weight: bold;font-size:16px;">第二纪元<br></span>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;"> 人类领地努曼诺尔<br></span>
        <ul>
            <li>努门诺尔（Númenor）</li>
            <li>隆得戴尔（Lond Daer）</li>
            <li>北方王国（Norther Kingdom）</li>
            <li>刚铎（Gondor）</li>
            <li>昂巴（Umbar）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">其他<br></span>
        <ul>
            <li>伊瑞德尼姆拉斯（Ered Nimrais）</li>
            <li>伊利雅德（Eriador）</li>
            <li>伊宁威治（Enedwaith）及敏西力亚斯（Minhiriath）</li>
            <li>督亚威治罗尔（Drúwaith Iaur）及督伊顿森林（Drúadan Forest）的督伊顿人（Drúedain）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">精灵领地阿瓦利及诺多精灵领地<br></span>
        <ul>
            <li>罗斯洛立安</li>
            <li>艾德西隆得（Edhellond）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;"> 南多精灵领地<br> </span>
        <ul>
            <li>伊瑞詹（Eregion）</li>
            <li>林顿（Lindon）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">灰精灵领地<br></span>
        <ul>
            <li>幽暗密林（Mirkwood）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">矮人领地<br></span>
        <ul>
            <li>贝磊勾斯特（Belegost）</li>
            <li>凯萨督姆（Khazad Dûm）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">敌人领地<br></span>
        <ul>
            <li>魔多（Mordor）</li>
            <li>西力斯昂哥（Cirith Ungol）</li>
            <li> 刚达巴（Gundabad）</li>
        </ul>
        </p>
    </div>

    <div class="text">
        <p>
            <span style="color: #192020;font-weight: bold;font-size:16px;">第三纪元<br></span>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">人类领地登丹联盟<br></span>
        <ul>
            <li>刚铎（Gondor）</li>
            <li>多尔安罗斯（Dol Amroth）</li>
            <li>昂巴（Umbar）</li>
            <li>刚铎（Gondor）</li>
            <li>昂巴（Umbar）</li>
            <li>北方王国（Northern Kingdom）</li>
            <li>雅西顿（Arthedain）</li>
            <li>卡多兰（Cardolan）</li>
            <li>鲁道尔（Rhudaur）</li>
            <li>罗马尼安王国（Kingdom of Rhovanion）</li>
            <li>伊欧西欧德（Éothéod）</li>
            <li> 洛汗（Rohan）</li>
            <li>河谷镇（Dale）及伊斯加（Esgaroth）</li>
            <li>布理（Bree）</li>
            <li>登兰德（Dunland）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">其他<br></span>
        <ul>
            <li>哈拉德威治（Haradwaith）</li>
            <li>侃德（Khand）</li>
            <li>卢恩（Rhûn）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">精灵领地诺多及灰精灵领地<br></span>
        <ul>
            <li>林顿（Lindon）</li>
            <li>罗斯洛立安（Lothlórien）</li>
            <li>幽暗密林（Mirkwood）</li>
            <li>幽谷（Rivendell）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">矮人领地<br> </span>
        <ul>
            <li>凯萨督姆（Khazad-dûm）</li>
            <li>贝磊勾斯特（Belegost）</li>
            <li>孤山（Erebor）</li>
            <li>伊瑞德米斯林（Ered Mithrin）</li>
            <li>铁丘陵（Iron Hill）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">霍比特人领地<br></span>
        <ul>
            <li>格拉顿平原（Gladden Fields）</li>
            <li>夏尔（The Shire）</li>
            <li>布理（Bree）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">矮人领地<br></span>
        <ul>
            <li>贝磊勾斯特（Belegost）</li>
            <li>凯萨督姆（Khazad Dûm）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;"> 树人领地<br></span>
        <ul>
            <li>法贡森林（Fangorn forest）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">敌人领地<br></span>
        <ul>
            <li>魔多（Mordor）</li>
            <li>巴拉多（Barad-dûr）</li>
            <li>多古尔都（Dol Guldur）</li>
            <li>安格玛（Angmar）</li>
            <li>艾森加德（Isengard）</li>
            <li>贡达巴德（Gundabad）</li>
        </ul>
        </p>
    </div>
    <div class="text">
        <p>
            <span style="color: #192020;font-weight: bold;font-size:16px;">第四纪元<br></span>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">人类领地<br></span>
        <ul>
            <li>刚铎及亚尔诺联合王国</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">自治领土<br></span>
        <ul>
            <li>矮人自治领土爱加拉隆（Aglarond）</li>
            <li>登丹人自治领土督伊顿森林（Drúadan Forest）</li>
            <li>霍比特人自治领土夏尔（The Shire）</li>
            <li>树人自治领土欧尔桑克塔</li>
            <li>洛汗（Rohan）</li>
            <li>哈拉德威治（Haradwaith）</li>
            <li>侃德（Khand）</li>
            <li>卢恩（Rhûn）</li>
            <li>河谷镇（Dale）及伊斯加（Esgaroth）</li>
            <li>多温尼安（Dorwinion）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">矮人领地<br> </span>
        <ul>
            <li>铁丘陵（Iron Hill）</li>
            <li>爱加拉隆（Aglarond）</li>
            <li>孤山（Erebor）</li>
            <li>墨瑞亚（Moria）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">精灵领地<br></span>
        <ul>
            <li>巨绿森（Greenwood The Great）</li>
            <li>罗瑞恩（Lórien）</li>
            <li>伊西力安（Ithilien）</li>
            <li>林顿（Lindon）</li>
            <li>幽谷（Rivendell）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">霍比特人领地<br></span>
        <ul>
            <li>格拉顿平原（Gladden Fields）</li>
            <li>夏尔（The Shire）</li>
            <li>布理（Bree）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">矮人领地<br></span>
        <ul>
            <li>贝磊勾斯特（Belegost）</li>
            <li>凯萨督姆（Khazad Dûm）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;"> 树人领地<br></span>
        <ul>
            <li>法贡森林（Fangorn forest）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">敌人领地<br></span>
        <ul>
            <li>魔多（Mordor）</li>
            <li>巴拉多（Barad-dûr）</li>
            <li>多古尔都（Dol Guldur）</li>
            <li>安格玛（Angmar）</li>
            <li>艾森加德（Isengard）</li>
            <li>贡达巴德（Gundabad）</li>
        </ul>
        </p>
    </div>
    <div class="image">
        <img src="../Image/figure1.jpg" width="100%" alt="" />
    </div>
    <div class="text">
        <p>
            <span style="color: #192020;font-weight: bold;font-size:16px;">种族<br></span>
        </p>
    </div>
    <div class="text">
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">埃努（Ainur）<br></span>
        <ul>
            <li>维拉（Valar）</li>
            <li>迈雅（Maiar）</li>
        </ul>
        </p>
    </div>
    <div class="text">
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">精灵（Elf）<br></span>
        <ul>
            <li>凡雅族（Vanyar）</li>
            <li>诺多族（Noldor）</li>
            <li>帖勒瑞族（Teleri）</li>
        </ul>
        </p>
    </div>
    <div class="text">
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">人类（Man）<br></span>
        <ul>
            <li>伊甸人（Edain）</li>
            <li>南方人（Southron）</li>
            <li>东方人（Easterling）</li>
            <li>其它（Others）/li></li>
        </ul>
        </p>
    </div>
    <div class="text">
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">矮人（Dwarf）<br></span>
        <ul>
            <li>矮人（Dwarf）</li>
            <li>其它（Others）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">兽人（Orc）<br></span>
        <ul>
            <li>兽人（Orc）</li>
            <li>其它（Others）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">食人妖（Troll）<br></span>
        <ul>
            <li>食人妖（Troll）</li>
            <li>其它（Others）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">巨人（Giant）<br></span>
        <ul>
            <li>巨人（Giant）</li>
            <li>其它（Others）</li>
        </ul>
        </p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">龙（Dragon）<br></span>
        <ul>
            <li>龙（Dragon）</li>
            <li>其它（Others）</li>
        </ul>
        </p>
    </div>
    <div class="text">
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">类仙族（Fairies）<br></span></p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">独一生物（Individuals）<br></span></p>
        <p><span style="color: #192020;font-weight: bold;font-size:14px;">其他（Others）<br></span></p>
    </div>
    <div class="image1">
        <img src="../Image/setting1.jpg" width="100%" alt="" />
    </div>
    <div class="text">
        <p>
            <span style="color: #192020;font-weight: bold;font-size:16px;">Isengard<br></span>
        </p>
    </div>
    <div class="image1">
        <img src="../Image/setting2.jpg" width="100%" alt="" />
    </div>
    <div class="text">
        <p>
            <span style="color: #192020;font-weight: bold;font-size:16px;">Hobbiton<br></span>
        </p>
    </div>
    <div class="image1">
        <img src="../Image/setting3.jpg" width="100%" alt="" />
    </div>
    <div class="text">
        <p>
            <span style="color: #192020;font-weight: bold;font-size:16px;">Lothlorien<br></span>
        </p>
    </div>
    <div class="image1">
        <img src="../Image/setting4.jpg" width="100%" alt="" />
    </div>
    <div class="text">
        <p>
            <span style="color: #192020;font-weight: bold;font-size:16px;">Rivendell</span>
        </p>
    </div>
    <div style="margin-left:25px;position: absolute;top:0px;right:0px;color:#708e91">
        <audio controls="controls">
            <source src="../Flash/L'Orchestra Cinematique _ Alala - The Edge of Night (Epic Version).mp3"
                type="audio/mp3">
        </audio>
    </div>
    <a href="http://elcfin.gitee.io/webworkwork">
        <div class="text1">返回主页面</div>
    </a>
</body>

</html>